<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>网吧/企业续时</title>
		<meta http-equiv="X-UA-Compatible" content='IE=edge' />
		<%@ include file="/inc/info.inc" %>
		<script type="text/javascript" src="js/consume.js"></script>
		<style type="text/css">
		.control-label {
           padding-top: 0;
          }
        .col-sm-4 {
           width: 20.333%;
          }
		</style>
	</head>

	<body>
		<div id="agentList" class="hd_page">
			<div><%@ include file="../manage/heading.jsp"%></div>
			<div><%@ include file="../manage/hd_menu.jsp"%></div>
			<div class="content">
				<div class="panel panel-primary panel-hd">
	  				<div class="panel-heading">
						<a href="inCafeList.jsp">我的网吧</a>
						&nbsp;&nbsp;&gt;&nbsp;&nbsp;
						<span>网吧续时</span>
	  				</div>
	  				<div class="panel-body" style="padding: 0;">
						<div id='grid'></div>
						<nav id='navbar' class="navbar navbar-default" role="navigation">
							<div class="top_item_search">
								<form class="form-horizontal">
									<div> <h4>详细信息:</h4></div>
									<div class="form-group">
										<label style="padding-top: 0;" class="col-sm-4 control-label no-padding-right">网吧名称：</label>
										<div class="col-sm-8 name">
										</div>
									</div>
									<div class="form-group">
										<label style="padding-top: 0;" class="col-sm-4 control-label no-padding-right">网吧编号：</label>
										<div class="col-sm-8 sn">
										</div>
									</div>
									<div class="form-group">
										<label style="padding-top: 0;" class="col-sm-4 control-label no-padding-right">地址：</label>
										<div class="col-sm-8 addr">
				 						</div>
									</div>
									<div class="form-group">
										<label style="padding-top: 0;" class="col-sm-4 control-label no-padding-right">到期时间：</label>
										<div class="col-sm-8 endTime">
										</div>
									</div>
									<div class="alert alert-danger" style="display: none;"></div>
									<div class="form-group">
									</div>
							 	</form>
								<div style="clear: both;"></div>
							</div>
						</nav>
						<nav id='navbar' class="navbar navbar-default" role="navigation">
							<div class="top_item_search">
								<form class="form-horizontal">
									<div> <h4>续时:</h4></div>
									<div class="form-group" style="display: none;">
										<div class="col-sm-8">
										       点数定义:300点数 = 1月 。
										</div>
									</div>
									<div class="form-group">
										<label class="col-sm-4 control-label no-padding-right">时长：</label>
										<div class="col-sm-8">
										     <select class="timeLong form-control" style="width: 150px;" >
										       <option class="t" value="0">请选择续时时长</option>   
										     </select>
				 						</div>
									</div>
									<div class="form-group">
										<label class="col-sm-4 control-label no-padding-right">授权主机：</label>
										<div class="col-sm-8">
										     <input class="form-control host_allowed" style="width: 150px;"/>
				 						</div>
									</div>
					                <div class="form-group">
										<label style="padding-top: 0;" class="col-sm-4 control-label no-padding-right">需要点数：</label>
										<div class="col-sm-8 needPoint" style="color: red;">
											
										</div>
									</div>
									<div class="form-group">
										<label  class="col-sm-4 control-label no-padding-right">验证码：</label>
										<div class="col-sm-4">
											<input type="text" maxlength="4" placeholder="请输入验证码" class='form-control varCode'/>
										</div>
										<div class="col-sm-4">
											<img alt="验证码" src='/fw/common/verify_graphCode.action' style='cursor: pointer;vertical-align:middle' class='vcimg' onclick='changeVc()'/>
								  			<span onclick="changeVc()" style='cursor:pointer;vertical-align:middle'>看不清？</span>
											<div class='right'>
								  			</div>
										</div>
									</div>
									<input type="text" style="display: none;"/>
									<div id='alertdiv'></div>
									<button style="position: relative; left: 200px;" type="button" onclick="consump()" class="btn btn-success" >确定</button>
									<div class="alert alert-danger" style="display: none;"></div>
									<div class="form-group">
									</div>
							 	</form>
								<div style="clear: both;"></div>
							</div>
						</nav>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>